/*html,body {width: 100%;margin: 0;color:#666;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;}*/
*{list-style: none;}
.content{display: flex;/*border: 1px solid #fff;*/border-bottom: 0;}
.content-left,.content-right{}

/*content-left*/
.content-left{width: 15%;text-align:center;border-right: 1px solid #ECE9F1;}
.content-left-head{height:76px;line-height: 76px;border-bottom: 1px solid #ECE9F1;font-weight: bold}
.content-left-con>li{height:32px;line-height: 32px;border-bottom: 1px solid #ECE9F1;}

/*content-right*/
.content-right{width: 85%;text-align: center}
.yearMonth{height: 44px;line-height: 44px;display: flex;justify-content: center;font-size: 16px;}
.yearMonth i{/*color: #2196F3;*/font-size: 20px;/*font-weight: bold;*/cursor: pointer;}
.prevYearMonth,.nextYearMonth{width: 30%}
.currentYearMonth{width: 40%}
.date{display: flex;flex-wrap: wrap;}
.date li{border: 1px solid #ECE9F1;border-left: 0;height: 32px;line-height: 32px;cursor: pointer;}
.date li:last-child{border-right: 0}
.content-right-con{display: flex;flex-wrap: wrap}
.content-right-con li{height:32px;line-height:32px;border-bottom: 1px solid #ECE9F1;border-right: 1px solid #ECE9F1;}

/*stateChart*/
.stateChart{position: absolute;top: 0;left: 0;}
.stateChartLine{height: 8px;background: #2196F3;border-radius: 4px;position: absolute;}

/*同一天样式*/
.sameDay {position: absolute;width: 20px;height: 18px;}
.sameDay span{color: #FFF;}
.sameDay .sameDayDetail{color: #FFF;width: 300px;height: 400px;background: #0000008c;border-radius: 10px;padding: 15px;margin-top: 20px;}
.sameDay .sameDayDetail .sameDayDetailItem {text-align: left;padding: 10px 0px;}
.sameDay .sameDayDetailBtn{width: 20px;height: 18px;background: #9e67ff;border-radius: 30px;position: absolute;text-align: center;line-height: 18px;cursor: pointer}

/*bottom*/
.gttLegend{height: 50px;line-height: 50px;}
.stateExplain {float: right;display: flex;}
.stateExplain .stateExplainItem {display: flex;align-items: center;margin: 0 10px;}
.stateExplain .stateExplainItem .stateColor {width: 10px;height: 10px;margin-right: 10px;}
.wxf{background: #dc8317}
.yxf{background: #9c27b0}
.jxz{background: #55e58f}

/*-------------------------------------------------------------------------------------------*/
/*右侧信息*/
.gttAreaInfo .form-group{margin-bottom: 6px;}
.gttAreaInfo .form-group label:nth-child(1){font-weight: bold;width: 85px;text-align: right;margin-right: 10px;color: #333;}

/*-------------------------------------------------------------------------------------------*/
/*某一天详情*/
.dayDetail .date li {width: 100%;cursor: inherit}
.dayDetail .date li .dayStart{float: left;padding-left: 10px;}
.dayDetail .date li .dayEnd{float: right;padding-right: 10px;}
.dayDetail .content-right-con li{width: 100%}